<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" th:replace="layout-vue">
<head>
    <meta charset="UTF-8">


    <th:block th:fragment="header">
        <style>
            #app a {margin-right:20px;}


        </style>
    </th:block>

</head>
<body>

<div class="container-md" id="container" th:fragment="content">
    <div id="app">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">简易项目管理</h3>
                <div class="card-tools">
                    <button type="button" class="btn btn-default btn-sm" data-card-widget="collapse" title="Collapse">
                        <i class="fas fa-minus"></i>
                    </button>
                </div>
            </div>
            <div class="card-body">

            </div>

        </div>



        <div style="position:fixed;right:10px;bottom:10px;">

        </div>
    </div>


</div>

<th:block th:fragment="footer">
    <script>


const { createApp } = Vue;
    var app = createApp({
    data() {
      return {
        producerList:[],debug:0,filterType:'257',
        currentIndex : -1,
        selector:{target:{}}
      }
    }
  }).mount('#app');










    </script>
</th:block>
</body>
</html>